<template>
   <h1>{{ msg }}</h1>
   <button @click="setMsg">点击</button>
</template>
<script setup>
  // setup作为script的属性 是 setup函数的语法糖
  let  msg = 'Hello'
  const setMsg = ()=>{
    msg = msg.split('').reverse().join('')
    console.log(msg);
  }
  // export default{
  //   setup(){
  //     let  msg = 'Hello'
  //     return {msg}
  //   }
  // }
</script>
<script>
// 新创建script标签 用于写入name属性;
  export default {
    name:"MMM"
  }
</script>


<!-- <script >
  export default{
    name:"KKK",
    setup(){
      let  msg = 'Hello'
      return {msg}
    }
  }

</script> -->